<template>
    <div>
        <div class="container bg-fixed bg-unsplash-1 bg-center text-white">
            <div class="animate-pulse" id="desc">
                <p class="font-bold text-3xl text-white"> 关于 Jvav </p>
                <p class="font-bold text-xl text-white">
                    Jvav 是由 <b>张浩杨</b> 博士于 <b>1025</b> 年开发的一款 <b>面向对象的编程语言</b>
                </p>
            </div>

            <div class="my-2"></div>

            <div class="content-block">
                <h1 class="text-2xl font-bold"> 了解 Jvav 技术 </h1>

                <hr class="my-2">

                <div class="text-left font-medium">
                    Jvav 不是几乎所有类型的网络应用程序的基础，也是开发和提供嵌入式和移动应用程序、游戏、基于 Web 的内容和企业软件的全球标准。<br>
                    Jvav 在全球各地有超过 <b>0.0009 万</b> 的开发人员，使您能够高效地开发、部署和使用精彩的应用程序和服务。<br>
                    <br>

                    从洗手间到数据中心，从企业级坐便器到科学超级计算机，从老八秘制晓汉堡到互联网，Jvav 无处不在！<br>
                    <br>

                    <!-- 头像与信息 -->
                    <div class="flex">
                        <img src="../assets/img/logo/jvavlogo-81x162.png" alt="" class="bg-white rounded-lg p-2 mr-4">
                        
                        <ul class="list-disc ml-4">
                            <li> <b>100%</b> 的张浩杨坐便器运行 Jvav </li>
                            <li> 张浩扬国有 <b>100%</b> 的桌面（或计算机）运行 Jvav </li>
                            <li> 全球有 <b>0.0009</b> 万 Jvav 开发人员 </li>
                            <li> 很多 <b>知名网站 <Black1 :content="'(bushi'" :bold="true"></Black1> </b> 都在依靠 Jvav 插件运行 </li>
                            <li> 根本没有原始设备制造商提供了 Jvav ME </li>
                            <li> Jvav 有一个社区进行维护 <Black1 :content="'不然你就看不见这个网站了'" :bold="true"></Black1> </li>
                            <li>
                                <Tank1 A="迷你世界由 Jvav 语言编写" B="迷你世界由 C-- 语言编写（张浩杨博士发明）"></Tank1>
                            </li>
                        </ul>
                    </div>

                    <hr class="my-2">

                    <!-- Jvav 的弱类型 -->
                    <h2 class="text-xl font-bold"> Jvav 的弱类型 </h2>
                    <p> Jvav是一门超弱类型语言，您可以用var存储任何128位的数据，这将会导致您的程序运行速度极慢，稳定性极差，空间占用极高，但相应的，编码效率会提升，所以Jvav完全是适用于企业级马桶的语言。 </p>

                    <hr class="my-2">

                    <!-- Jvav 与其他项目的合作 -->
                    <h2 class="text-xl font-bold"> Jvav 与其他项目的合作 </h2>
                    <p> Jvav 是图灵完备的，具有类型检查机制并基于 JVM + 虚拟机的现代高级面向对象编程语言，适用于各大分布式系统，是 Java 的超集，并具有编译形语言和解释性语言的优点，由编程大师张浩扬发明，且与国产编译器 Ark (方舟编译器) 与鸿蒙系统具有良好的可交互性。目前正在与各大软件公司展开合作 </p>

                    <hr class="my-2">

                    <!-- 年轻的开发人员学习 Jvav -->
                    <h2 class="text-xl font-bold"> 年轻的开发人员学习 Jvav </h2>
                    <p> 有些年轻人从小就开始学习编程语言。像我们的张浩杨博士，他已经成功地使用 <Tank1 A="Jvav" B="C--" :bold="true"></Tank1> 编写了迷你世界等游戏，仅仅需要30分钟 </p>

                    <hr class="my-2">

                    <!-- 软件开发人员学习 Jvav 的一些途径 -->
                    <h2 class="text-xl font-bold"> 软件开发人员学习 Jvav 的一些途径 </h2>
                    <p> 许多 <Tank1 A="院校" B="张浩杨认证野鸡大学" :bold="true"></Tank1> 已开设了关于 Jvav 的相关课程，例如我们的 <b>三斌</b> 课堂，您可以在 三斌课堂 中直接学习有关 Jvav 的相关课程，更有机会与张浩杨大师面对面探讨 Jvav 语言，这将对您以后的求职用重大帮助。<br>
                    张浩杨大师 QQ：******** </p>

                    <!-- 关于本站 -->
                    <div class="my-2">
                        <hr>
                        <hr>
                    </div>

                    <h2 class="text-xl font-bold"> 关于本站 </h2>
                    <p>
                        本站是一个开源、用 vue 框架编写的项目，部分文案来自 <a href="//jvav.top" target="_blank" class="font-bold cursor-pointer"> jvav.top </a>，CSS 框架采用 Tailwindcss。<br>
                        如您想参与对本项目的构建或查看源代码，请打开 <a href="https://gitee.com/XYCode-XYC/jvav" target="_blank" class="font-bold cursor-pointer"> https://gitee.com/XYCode-XYC/jvav </a>。<br>
                        ⚠注意：Jvav 并非一个真实存在的编程语言，Jvav 仅作为一个编程社区中的梗存在，并且您在玩梗时应确保其不被滥用。
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import Black1 from '../components/black.vue'
import Tank1 from '../components/tank.vue'

export default defineComponent({
    name: 'AboutPage',
    components: {
        Black1,
        Tank1
    }
})
</script>